html {

  font-size: calc(100vw/750*100);
}

body {
  font-size: .14rem;
}

html,
body {
  width: 100%;
  height: 100%;
}

.big {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  header {
    // position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    background: #fff;
    box-shadow: 0 0.04rem 0.08rem 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
    z-index: 10;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: .32rem;
    .left,
    .right {
      width: .6rem;
    }
    .title {
      flex: 1;
    }
  }

  main {
    flex: 1;
    overflow: auto;
    .banner {
			height: 7rem;
			img{
				height: 7rem;
			}
		}
    .divone {
      background: #fff;

      div {
        text-align: center;
        border-bottom: 1px solid #999;

        h1 {
          font-size: .4rem;
          margin: 0;
          padding: 0;
        }

        p {
          font-size: .3rem;
          margin-top: .1rem;
        }

        .p {
          color: red;
        }
      }

      .size {
        line-height: .8rem;
        text-align: right;
        font-size: .3rem;
        margin-right: .3rem;
      }
    }

    .divtwo {
      background: #fff;
      line-height: .8rem;
      margin-bottom: .3rem;
      text-align: center;
      color: skyblue;
      font-size: .3rem;
    }

    .divthree {
      background: #fff;

      p {
        line-height: .8rem;
        text-align: center;
        font-size: .3rem;
        color: skyblue;
      }
    }

    .divfore {
      width: 100%;
      background: #fff;
      margin-top: .3rem;
      display: flex;
      flex-wrap: wrap;

      dl {
        width: 49.8%;
        margin: 0;
        padding: 0;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;

        dt {
          text-align: center;

          img {
            width: 3rem;
            height: 3rem;
          }
        }

        dd {
          p {
            text-align: center;
          }
        }
      }
    }
  }

  footer {
    width: 100%;
    height: 2rem;
    border-top: 1px solid #999;
    display: flex;

    .one {
      flex: 1;
      display: flex;

      i {
        flex: 1;
        font-size: .6rem;
        text-align: center;
      }
<<<<<<< HEAD
      main{
          flex: 1;
          overflow: auto;
        .question{
            
        }
=======
    }

    .two {
      flex: 1;
      display: flex;

      .btnone {
        flex: 1;
        background: orange;
        border: none;
        outline: none;
        color: #fff;
>>>>>>> origin
      }

      .btntwo {
        flex: 1;
        background: skyblue;
        border: none;
        outline: none;
        color: #fff;
      }
    }
  }
}
